<template>
  <div>
    <p class="title" style="margin-top: 18px;">{{ title }}</p>
    <h3 style="font-weight: 600;" v-if="littleTitle">{{ littleTitle }}</h3>
    <a-row type="flex" justify="start" class="content" style="padding: 0 9px 0px 9px;">
      <a-col :span="24" v-for="(item, index) in purchaseFile" :key="index">
        <p style="margin-bottom: 0; word-wrap: break-word; word-break: normal;">{{ item }}</p>
      </a-col>
    </a-row>
  </div>
</template>

<script>
export default {
	props: {
		purchaseFile: {
			type: Array,
			default: () => []
		},
    title: {
      type: String,
			default: '附件信息'
    },
    littleTitle: {
      type: String,
			default: ''
    }
	},
	data() {
		return {

		}
	},
	methods: {

	}
};
</script>

<style lang="less" scoped>
.title {
	background: #EEEEEE;
	font-size: 13px;
	font-family: Alibaba PuHuiTi 2.0;
	font-weight: normal;
	color: #000000;
	padding: 11px 9px;
}
.content {
	font-size: 13px;
}
</style>